<!DOCTYPE html>
<html lang="ko">
<head>
<title>새로운 여행이 시작되는길, 트래블로</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="copyright"
	content="Copyrignts ⓒ 2010 ATTOMEDIA. Inc. all rights reserved" />
<script type="text/javascript" src="js/lib/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/atto.js"></script>
<script type="text/javascript">
	atto
			.data(
					'recentTripMemoList',
					[
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28305,
								"memo" : "여행 5일째 영천으로 출발. 오늘의 목표 문경! ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "경주시 건천읍 모량리 612-21",
								"type" : "L",
								"tripUid" : 2126,
								"nation" : "대한민국",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64333,
								"refUid" : 64742,
								"memberId" : "babting110",
								"longitude" : 129.13110000000000,
								"latitude" : 35.82437000000000,
								"place" : "모량초",
								"memberNick" : "홈볼트",
								"refType" : "T"
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28304,
								"memo" : "laerdal ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "Here",
								"type" : "L",
								"tripUid" : 2127,
								"nation" : "미지정",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 7.46560800000000,
								"latitude" : 61.10092000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28303,
								"memo" : "오늘은 모화마을에서 선천읍까지                     선천초에서 텐트를 쳤다. 비가 내린다 주룩주룩 ",
								"regDate" : {
									"nanos" : 0
								},
								"img" : "/upload/memo/20140804/201408041810247630e7.jpg",
								"addr" : "경주시 건천읍 모량리 612-14",
								"type" : "L",
								"tripUid" : 2126,
								"nation" : "대한민국",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64333,
								"refUid" : 64727,
								"memberId" : "babting110",
								"longitude" : 129.13080000000000,
								"latitude" : 35.82383000000000,
								"place" : "건천초등학교",
								"memberNick" : "홈볼트",
								"refType" : "T"
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28302,
								"memo" : "여행 4일째 울산 북구에서 일단 경주로 고고 ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "경주시 외동읍 모화리 1188-2",
								"type" : "L",
								"tripUid" : 2126,
								"nation" : "대한민국",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64333,
								"refUid" : 64695,
								"memberId" : "babting110",
								"longitude" : 129.33160000000000,
								"latitude" : 35.68255000000000,
								"place" : "모화",
								"memberNick" : "홈볼트",
								"refType" : "T"
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28301,
								"memo" : "ㄲ ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "노르웨이 Geilo Geilo Timrehaugvegen",
								"type" : "L",
								"tripUid" : 2127,
								"nation" : "노르웨이",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 8.20859100000000,
								"latitude" : 60.53616000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28300,
								"memo" : "ㅋ ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "노르웨이 오슬로 Sentrum Kronprinsens gate 1",
								"type" : "L",
								"tripUid" : 2127,
								"nation" : "노르웨이",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 10.72802000000000,
								"latitude" : 59.91473000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28299,
								"memo" : "ㅋ ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "덴마크 Frederiksberg Centrale Frederiksberg Allegade 18–20A",
								"type" : "L",
								"tripUid" : 2127,
								"nation" : "덴마크",
								"actType" : "T",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 12.53282000000000,
								"latitude" : 55.67687000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28298,
								"memo" : "ㅋ ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "핀란드 헬싱키 Etu-Töölö Temppelikatu 2–4",
								"type" : "L",
								"tripUid" : 2127,
								"nation" : "핀란드",
								"actType" : "S",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 24.92955000000000,
								"latitude" : 60.17237000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28297,
								"memo" : "비 ",
								"regDate" : {
									"nanos" : 0
								},
								"img" : "/upload/memo/20140804/2014080402504685e9da.jpg",
								"addr" : "노르웨이 Geilo Geilo Timrehaugvegen",
								"type" : "L",
								"nation" : "노르웨이",
								"actType" : "D",
								"memberProfileImg" : "0",
								"memberUid" : 64341,
								"memberId" : "xxxjuny",
								"longitude" : 8.20869300000000,
								"latitude" : 60.53618000000000,
								"memberNick" : "옹박",
								"refType" : ""
							},
							{
								"commentCnt" : 0,
								"likeCnt" : 0,
								"memoUid" : 28296,
								"memo" : "발마사지 150밧 ",
								"regDate" : {
									"nanos" : 0
								},
								"addr" : "태국 Paholyothin Road,Bangkok 12130, Thailand",
								"type" : "L",
								"nation" : "태국",
								"actType" : "D",
								"memberProfileImg" : "0",
								"memberUid" : 64344,
								"refUid" : 42455,
								"memberId" : "yeje00",
								"longitude" : 100.55088700000000,
								"latitude" : 13.79943500000000,
								"place" : "짜뚜짝 주말 시장",
								"memberNick" : "angela",
								"refType" : "T"
							} ]);
</script>
<link type="text/css" href="css/main.css" rel="stylesheet" />
<link type="text/css" href="css/module/welcome.css" rel="stylesheet" />
</head>
<body>






	<div id="header">
		<div class="wrapper">
			<h1>
				<a href="/"><img src="image/layout/logo_header.png" /></a>
			</h1>

			<ul class="g-navi">
				<li><a class="square on" href="/">여행광장</a></li>
				<li><a class="destination " href="/destination">여행지</a></li>
				<li><a class="tnote " href="/tnote">T노트</a></li>
			</ul>
			<ul class="member">


				<li class="join"><a class="menu" href="/member/signup">회원가입</a>
					<div class="sns" style="display: none">
						Facebook, Twitter 계정으로도<br /> 회원 가입 및 로그인이 가능합니다.
						<p>
							<input type="checkbox" id="cb-join-sns" /><label
								for="cb-join-sns">다시 보지 않기</label>
						</p>
					</div></li>
				<li class="login"><a class="menu require-login" href="#">로그인</a></li>



			</ul>
		</div>
		<div class="shadow" style="display: none"></div>
	</div>
	<script>
		(function() {
			var $snsGuide = $('#header div.sns');
			var $header = $('#header');
			/*
			$header.find('li.join').hover(function(){
				$snsGuide.show();
			}, function(){
				$snsGuide.hide();
			});
			 */
			$snsGuide.find('input').click(function() {
				$snsGuide.remove();
			});
			$header.find('ul.member>li').hover(function() {
				$(this).find('ul.sub-layer').show();
			}, function() {
				$(this).find('ul.sub-layer').hide();
			});
			$header.find('a.btn-create').click(function(ev) {
				ev.preventDefault();
				atto.require([ 'atto.route.create.create' ], function() {
					atto.route.create.create.checkExist();
				});
			});
			$header.find('a.btn-reg-spot').click(function(ev) {
				ev.preventDefault();
				atto.require([ 'atto.spot.register' ], function() {
					atto.spot.register.showLayer();
				});
			});
		})();
	</script>

	<div id="sub-header">
		<div class="wrapper">
			<form class="search" action="/search">
				<span class="placeholder" style="display: none">SEARCH
					TRAVELRO</span> <input class="keyword" type="text" name="keyword" /> <input
					class="btn-submit" type="image" src="image/common/btn_search.png" />
			</form>
			<ul class="navi square">


				<li><a class="" href="../square/talk">여행 Talk</a></li>
				<li><span>|</span><a class="" href="/square/stamp">스탬프</a></li>
				<li><span>|</span><a class="" href="/square/triphere">실시간
						세계여행</a></li>
				<li><span>|</span><a class="" href="square/theme.html">테마여행</a><img
					class="new" src="image/common/ico_new.png" /></li>




			</ul>
		</div>
	</div>
	<script type="text/javascript">
		(function() {
			var $window = $(window);
			var $headerShadow = $('#header>div.shadow');
			var $search = $('#sub-header form.search');
			var $placeholder = $search.find('span.placeholder');
			var $input = $search.find('input.keyword');

			function checkHeaderShadow() {
				if ($window.scrollTop() > 37) {
					$headerShadow.show();
				} else {
					$headerShadow.hide();
				}
			}
			$window.scroll(checkHeaderShadow);

			$placeholder.mousedown(function(ev) {
				ev.preventDefault();
				$input.focus();
			});
			if (!$input.val()) {
				$placeholder.show();
			}
			$input.focus(function() {
				$placeholder.hide();
			}).blur(function() {
				if (!this.value) {
					$placeholder.show();
				}
			});
		})();
	</script>
	<div id="content">
		<div class="content-top"></div>
								

		<div class="wrapper no-top w-main">
			<div class="m-carousel m-box">
				<div class="m-box-inner">
					<div class="wrap-item">

						<div class="item">


							<a href="http://www.travelro.co.kr/destination/Korea/Busan/guide"><img
								src="image/open/0718/bnr_main_busan.jpg" /></a>



						</div>

						<div class="item">




							<li class="">
								<p class="image">
									<a href="http://www.travelro.co.kr/route/3743"><span
										class="dim"></span><img src="image/open/0718/bnr_main_01.jpg" /></a>
								</p>
								<p class="title">
									<a href="http://www.travelro.co.kr/route/3743">[한국] 안개 낀
										강원도 1박 여행</a>
								</p>
								<p class="member">
									by <em>정애림</em>
								</p>
								<p class="desc">안개 자욱한 대관령 양떼 목장에서부터 해변을 달리는 바다 열차까지 빼곡한
									강원도에서의 하루짜리 여행.</p>
							</li>

							<li class="">
								<p class="image">
									<a href="http://www.travelro.co.kr/route/3697"><span
										class="dim"></span><img src="image/open/0718/bnr_main_02.jpg" /></a>
								</p>
								<p class="title">
									<a href="http://www.travelro.co.kr/route/3697">[캐나다] 10년 전,
										195일 간의 여행 기록</a>
								</p>
								<p class="member">
									by <em>vader</em>
								</p>
								<p class="desc">2001년에 떠났던 캐나다 밴쿠버, 단돈 100만원만 가지고 떠난 타지에서 필름
									카메라로 남긴 추억들을 꺼내봤다.</p>
							</li>

							<li class="last">
								<p class="image">
									<a href="http://www.travelro.co.kr/route/1963"><span
										class="dim"></span><img src="image/open/0718/bnr_main_03.jpg" /></a>
								</p>
								<p class="title">
									<a href="http://www.travelro.co.kr/route/1963">[영국] 지금 가장
										떠나고 싶은 런던</a>
								</p>
								<p class="member">
									by <em>민듕</em>
								</p>
								<p class="desc">여름 여행으로 동남아만큼 인기있는 유럽, 그 중에서도 런던에서의 3일 여행기록과
									마켓 정보를 소개한다.</p>
							</li>



						</div>

					</div>
					<div class="control">
						<span class="direct"> <a class="on" href="#">1</a> <a
							class="" href="#">2</a>

						</span> <span class="step"> <a class="prev" href="#">이전</a> <span
							class="bar">|</span> <a class="next" href="#">다음</a>
						</span>
					</div>
				</div>
			</div>
			<script>
				(function() {
					var $carousel = $('div.m-carousel');
					var $wrapItem = $carousel.find('div.wrap-item');
					var $btnDirects = $carousel.find('span.direct>a');
					var $btnSteps = $carousel.find('span.step>a');
					var ITEM_WIDTH = 950;
					var PADDING_LEFT = 14;
					var onItemNo = 1;
					var timer;

					$wrapItem.mouseenter(function() {
						setTimer(false);
					}).mouseleave(function() {
						setTimer(true);
					});

					function setTimer(on) {
						if (on) {
							timer = window.setTimeout(function() {
								slideToItem(onItemNo + 1);
							}, 7000);
						} else {
							window.clearTimeout(timer);
							timer = null;
						}
					}
					function slideToItem(itemNo) {
						if (timer) {
							window.clearTimeout(timer);
							timer = null;
						}
						if (itemNo > $btnDirects.length) {
							itemNo = 1;
						} else if (itemNo < 1) {
							itemNo = $btnDirects.length;
						}
						if (itemNo != onItemNo) {
							$wrapItem.animate({
								left : -(itemNo - 1)
										* (ITEM_WIDTH + PADDING_LEFT)
										+ PADDING_LEFT
							});
							$btnDirects.eq(onItemNo - 1).removeClass('on');
							$btnDirects.eq(itemNo - 1).addClass('on');
							onItemNo = itemNo;
						}
						setTimer(true);
					}
					$btnDirects.click(function(ev) {
						ev.preventDefault();
						slideToItem(parseInt($(this).text()));
					});
					$btnSteps.click(function(ev) {
						ev.preventDefault();
						if ($(this).hasClass('next')) {
							slideToItem(onItemNo + 1);
						} else {
							slideToItem(onItemNo - 1);
						}
					});
					slideToItem(1);
				})();
			</script>

			<div class="section-a">
				<div class="theme-trip m-box">
					<div class="m-box-inner">
						<div class="theme-title">
							<h3>

								<a href="/square/theme/TV">여름이 되면 가장 떠나고 싶은 부산, 추천 여행길</a>


							</h3>
							<p>여름엔 바다 그리고 바다 하면 부산이다. 여름에 가장 떠나고 싶은 부산 여행의 모든 것을 알아보자.</p>
							<a class="link-icon" href="/square/theme"></a>
						</div>
						<ul>

							<li class="">
								<p class="image">
									<a href="/route/3744"><span class="dim"></span><img
										src="/repository/d01/preview/2012/08/01/1343786604769.jpg" /></a>
								</p>
								<p class="title">
									<a href="/route/3744">[숙소] 테마별 가격별 숙소 정보</a>
								</p>
								<p class="member">
									by <em>혹성B612</em>
								</p>
							</li>

							<li class="">
								<p class="image">
									<a href="/route/3467"><span class="dim"></span><img
										src="/repository/d01/preview/2012/08/01/1343786606353.jpg" /></a>
								</p>
								<p class="title">
									<a href="/route/3467">[문화] 시티투어 버스 타고 한 바퀴</a>
								</p>
								<p class="member">
									by <em>마법사세라비</em>
								</p>
							</li>

							<li class="last">
								<p class="image">
									<a href="/route/3738"><span class="dim"></span><img
										src="/repository/d01/preview/2012/08/01/1343786608036.jpg" /></a>
								</p>
								<p class="title">
									<a href="/route/3738">[맛집] 흩어져 있는 맛집 집합</a>
								</p>
								<p class="member">
									by <em>트래블로</em>
								</p>
							</li>

						</ul>
						<div class="clear"></div>
					</div>
				</div>
			</div>
				<script>
					(function() {
						var $wrapper = $('div.area-guide');
						var $guides = $wrapper.find('li');
						var curPage = 1;
						var PAGE_SIZE = 7;
						var maxPage = Math.ceil($guides.length / PAGE_SIZE);

						function showPage(page) {
							curPage = page;
							$guides.show();
							$guides.eq((curPage - 1) * PAGE_SIZE).prevAll()
									.hide();
							$guides.eq(curPage * PAGE_SIZE - 1).nextAll()
									.hide();
							$guides.filter(':visible').last().addClass('last');
						}
						$wrapper.find('a.prev').click(function(ev) {
							ev.preventDefault();
							showPage(curPage == 1 ? maxPage : curPage - 1);
						});
						$wrapper.find('a.next').click(function(ev) {
							ev.preventDefault();
							showPage(curPage == maxPage ? 1 : curPage + 1);
						});
						showPage(1);
					})();
				</script>

				<div class="section-b">
					<div class="keyword-talk m-box">
						<div class="m-box-inner">
							<h3>여행 Talk</h3>
							<a class="more" href="/square/talk">more</a>
							<ul>

								<li class=""><span class="profile"><img
										src="/repository/d01/profile/2010/08/22/1284601232327_s.jpg" /></span>
									<a href="/square/talk"> <span class="arrow"><span></span></span>
										<em class="keyword">[트래블로]</em>관리자님.. 사진 업로드가 안됩니다.. 이거 좀
										해결해주세요...플리즈 http://www.travelro.co....
								</a></li>

								<li class="last"><span class="profile"><img
										src="/repository/d01/profile/2014/07/30/1406696654779_s.jpg" /></span>
									<a href="/square/talk"> <span class="arrow"><span></span></span>
										<em class="keyword">[가입인사]</em> 안녕하세요~
								</a></li>

							</ul>
						</div>
					</div>
				</div>

			<script>
				atto
						.require(
								[ 'atto.maps.SpotMap' ],
								function() {
									var $wrapper = $('div.triphere');
									var $overLink = $wrapper
											.find('a.over-link');
									var $memos = $wrapper.find('li');
									var $map = $wrapper.find('div.map');
									var onIdx = $memos.filter(':visible')
											.index();
									var memoList = atto
											.data('recentTripMemoList');
									var MAX_SIZE = 76;

									function adjustPhotoSize($photo) {
										var width = $photo.width();
										var height = $photo.height();
										if (width && height) {
											if (width > height) {
												$photo
														.css({
															height : MAX_SIZE,
															left : -((width
																	* MAX_SIZE / height) - MAX_SIZE) / 2
														});

											} else {
												$photo
														.css({
															width : MAX_SIZE,
															top : -((height
																	* MAX_SIZE / width) - MAX_SIZE) / 2
														});
											}
											$photo.data('adjust', true);
										} else {
											$photo.load(function() {
												adjustPhotoSize($photo);
											});
										}
									}
									function showTripMemo(idx) {
										var $memo = $memos.hide().eq(idx)
												.show();
										var $photo = $memo
												.find('span.photo>img');
										if (!$photo.data('adjust')) {
											adjustPhotoSize($photo);
										}
										var memo = memoList[idx];
										var data = {
											name : memo.place || 'Here',
											latLng : {
												lat : memo.latitude,
												lng : memo.longitude
											}
										};
										spotMap.clear();
										spotMap.addSpot(data);
										spotMap.setWorldCenter();
										$overLink.attr('href',
												'/triphere/memo/'
														+ memo.memoUid);
									}
									var spotMap = new atto.maps.SpotMap($map, {
										showInfo : false,
										fixLabel : true
									});
									showTripMemo(onIdx);
									window
											.setInterval(
													function() {
														onIdx = onIdx == memoList.length - 1 ? 0
																: onIdx + 1;
														showTripMemo(onIdx);
													}, 3000);

									$overLink.hover(function() {
										$wrapper.addClass('hover');
									}, function() {
										$wrapper.removeClass('hover');
									});
								});
			</script>
			<div class="clear section-clear"></div>
		</div>
	</div>

	<div id="footer">
		<div class="h-line"></div>
		<div class="wrapper">
			<a class="btn-top" href="#" style="display: none"
				title="Scroll to Top"><img src="image/layout/btn_top.png" /></a> <a
				class="logo" href="/"><img src="image/layout/logo_footer.png"
				alt="TRAVELRO" /></a>
			<ul class="menu">
				<li><a href="http://blog.travelro.co.kr" target="_blank">팀
						블로그</a></li>
				<li><span>|</span><a href="/service/guide">서비스 가이드</a></li>
				<li><span>|</span><a href="/service/feedback">제안/신고</a></li>
				<li><span>|</span><a href="/service/policy/terms">이용약관</a></li>
				<li><span>|</span><a href="/service/policy/privacy">개인정보취급방침</a></li>
				<li><span>|</span><a href="/service/policy/rule">운영원칙</a></li>
			</ul>
			<p class="copyright">Copyright © 2010 – 2012 AttoMedia Corp. All
				Rights Reserved</p>
		</div>
	</div>
	<div id="side-link">
		<a class="feedback" href="/service/feedback" title="제안/신고">제안/신고</a>
	</div>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-17564636-1' ]);
		_gaq.push([ '_trackPageview' ]);

		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl'
					: 'http://www')
					+ '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>
</html>